<template>
  <div>
    <h1>{{ msg }}</h1>
    <h2>{{ num }}</h2>
    <h3>{{ gender ? "男" : "女" }}</h3>

    <h4 id="msg">标签</h4>
    <h4 v-bind:id="msg">标签</h4>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      msg: "你好",
      num: 100,
      gender: true,
    };
  },
};
</script>

<style></style>
